<div id="splash" style="width:650px;height:400px;margin-left:auto;margin-right:auto">
	<object width="650" height="400" type="application/x-shockwave-flash" data="/runner.swf"><param name="movie" value="/runner.swf">
	</object>
</div>

<div id="loginform" style="display:none">
<% form_tag do -%>
<p>Please see your teacher for a login/password</p>
<p><label for="login">Login</label><br/>
<%= text_field_tag 'login' %></p>

<p><label for="password">Password</label><br/>
<%= password_field_tag 'password' %></p>

<!-- Uncomment this if you want this functionality
<p><label for="remember_me">Remember me:</label>
<%= check_box_tag 'remember_me' %></p>
-->

<p><%= submit_tag 'Log in' %></p>
<% end -%>
</div>

<% javascript_tag do -%>
$(document).ready(function(){
	var fade=setTimeout("show_form()",1800);
});
function show_form() {
	$("#splash").hide("500");
	$("#loginform").slideDown("3000");
}
<% end -%>
